<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>html5 新增功能 </h2>
<p>1.语义化标签</p>
<p>2.多媒体标签</p>
<p>3.新增表示元素</p>


<h3>语义化标签</h3>
<p>header 头部标签</p>
<p>nav 导航标签</p>
<p>article 内容标签</p>
<p>section 定义文档某个区域</p>
<p>aside 侧边栏标签</p>
<p>footer 尾部标签</p>


<h3>多媒体标签</h3>
    <p>视频标签:video</p>
<!--<video  controls="controls"  width="300">-->
<!--    <source src="move.ogg" type="video/ogg" >-->
<!--    <source src="move.mp4" type="video/mp4" >-->
<!--    您的浏览器暂不支持 <video> 标签播放视频-->
<!--</video>-->
<!--**上面这种写法，浏览器会匹配audio标签中的source，如果支持就播放，如果不支持往下匹配，直到没有匹配的格式，就提示文本**-->
    <p>属性参照:</p>
    <p>autoplay: 视频就绪自动播放</p>
    <p>controls: 向用户显示播放控件</p>
    <p>width: 宽度</p>
    <p>height: 高度</p>
    <p>loop: 播放完是否继续播放该视频,循环播放</p>
    <p>preload: 规定是否预加载视频(如果有了autoplay)就忽略该属性 ： auto 预告加载视频，none 不应该加载视频</p>
    <p>src: 视频地址</p>
    <p>poster: 加载等待的画面图片</p>
    <p>muted: 静音播放</p>


    <br>
    <br>
    <p>音频标签:</p>
<!--<audio src="media/music.mp3" autoplay="autoplay" controls="controls"></audio>-->
    <p>autoplay: 视频就绪自动播放</p>
    <p>controls: 向用户显示播放控件</p>
    <p>loop: 是否循环播放</p>
    <p>src: 音频地址</p>



<h3>新增表单元素:</h3>
<p>type="email": 限制用户输入必须为Email类型</p>
<p>type="url": 限制用户输入必须为url类型</p>
<p>type="date": 限制用户输入必须为日期类型</p>
<p>type="time": 限制用户输入必须为时间类型</p>
<p>type="month": 限制用户输入必须为月类型</p>
<p>type="week": 限制用户输入必须为周类型</p>
<p>type="number": 限制用户输入必须为数字类型</p>
<p>type="tel": 手机号码</p>
<p>type="search: 搜索框</p>
<p>type="color": 生成一个颜色选择表单</p>
<p>类型很多，我们现阶段**重点记忆三个**： **`number`   `tel`   `search`**</p>







</body>
</html>
